<template>
  <div class="cardItemTitleView">
    <div class="title">{{ this.title }}</div>
  </div>
</template>
<script>
export default {
  props: {
    titlePro: {
      type: String,
      default: "",
    }
  },
  data() {
    return {
      title: "",//标题
    }
  },
  mounted() {
    this.title = this.titlePro;
  },
  watch: {
    titlePro(newVal) {
      this.title = newVal;
    }
  },
}
</script>
<style scoped>
.cardItemTitleView {
  width: 100%;
  height: 48px;
  display: flex;
  flex-direction: row;
  align-items: flex-end;
  /* background: #ff0000; */
}

.cardItemTitleView .title {
  margin-left: 12px;
  margin-bottom: 8px;
  font-size: 16px;
  color: var(--current-primary-color);
}
</style>
